<template>
  <!-- v-mode绑定的默认为str类型 -->
  输入框1：
  <input type="text" v-model="message" />
  <input type="text" v-model.lazy="message" />
  <input type="text" v-model.number="message" />
  <input type="text" v-model.trim="message" />
  <br />
  输入框2：
  <input type="text" :value="message" @input="inpChange" />
  <div>111:{{ message }}</div>
  <hr />
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      message: '',
    }
  },
  watch: {
    message(newMsg, oldMsg) {
      console.log(typeof newMsg, newMsg)
    },
  },
  methods: {
    inpChange(e) {
      this.message = e.target.value
    },
  },
}
</script>
<style scoped></style>
